<template>
  <div class="panel panel-default">
    <div class="panel-heading">{{reply_count}}回复</div>
    <div class="panel-body">
      <ul class="media-list">
        <li class="media" v-for="(reply, index) in replies" :key="index">
          <div class="media-left">
            <a href="#">
              <img width="30" height="30" class="media-object" :src="reply.author.avatar_url" alt="...">
            </a>
          </div>
          <div class="media-body">
            <h4 class="media-heading">{{reply.author.loginname}}</h4>
            <div v-html="reply.content"></div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    reply_count: Number,
    replies: Array
  }
}
</script>

<style>

</style>
